?php
   include("mysql_connect/conexao.php");
?>

        <html>
            <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <!--<link href="Estilos/estiloCadastro.css" type="text/css" rel="stylesheet"> -->
                <title>TestePhp</title>

                <script type="text/javascript">
                    function validar(){
                        var mensagem = "O preencimento dos seguintes campos é obrigatório.\n\n\n";

                        if(document.getElementById("nome").value.length <= 0){
                            mensagem += "Nome.\n";
                        }
                        if(document.getElementById("email").value.length <= 0){
                            mensagem += "E-mail.\n";
                        }
                        if(document.getElementById("estado").value == "0"){
                            mensagem += "Estado\n";
                        }
                        if (mensagem != "O preencimento dos seguintes campos é obrigatório.\n\n\n"){
                            alert(mensagem);
                            return false;
                        }
                    }

                </script>
            </head>
            <body>
                <div>

                 <form name="form_cadastro" method="post" action="gurada.php" onsubmit="return validar();">
                    <h1>Cadastro de Funcionários</h1>
                    <label for="nome">Nome: </label>
                    <input type="text"  name="txtNome"  id="nome" placeholder="Digite o seu nome"/><br/><br/>

                    <label for="telefone">Contato: </label>
                    <input type="date"  name="txtContato"  id="telefone" min="10" max="20" />
                    <br/>
                    <label for="email">Email: </label>
                    <input type="email" name="txtEmail" id="email"/>
                    <br/>
                    <label for="senha">Senha: </label>
                    <input type="password" name="txtSenha" id="senha" /><br/><br/>

                    <label for="estado">Estado: </label>
                     <select name="slctEstado" id="estado">
                         <option value="0">Selecione</option>
                         <option>São Paulo</option>
                         <option>Rio de Janeiro</option>
                         <option>Paraná</option>
                     </select>

                     <label for="login">Login: </label>
                     <select name="slctLogin">
                         <option value="0">Selecione</option>
                    <?php
                        $SQL = "SELECT * FROM login";
                        $query = mysqli_query($conexao, $SQL);
                        while($operacao = mysqli_fetch_array($query)){
                    ?>
                        <option><?php echo $operacao["LOGIN"]?></option>
                    <?php }?>
                     </select>
                    <br/><br/>
                    <input type="submit" name="btnCadastro" value="cadastrar" />
                    <input type="reset" name="btnReset" value="limpar" />
                </form>

                </div>
            </body>
        </html>

        <!-- Novidade do HTML 5
            Inputs do tipo: email
                            number
            comandos:   required - para obrigar o usuário preecher o campo
                        multiple - utilizado dentro do select para mostrar as opções de cara com uma barra de rolagem
                        placeholder - serve para deixar uma previsualização para respectiva tag
                        fieldset - criar uma borda na tela contornando todas as tags que estiverem dentro dela
        -->